<template>
  <div><headTop :headTitle="encodeURI(headTitle)" :goBack="true"/>
    <div id="zbox">
      <div class="cloud_banner">
        <img src="../../images/index_banner5.png"/>
      </div>
      <div class="cloud_sub1 section1">
        <div class="tit">恒天车优势</div>
        <p>恒天车进口车是中国最大的进口车采销平台，核心重点是为国内经销商提供车辆采购，物流配送，金融服务等一站式的车辆采购解決方案，提高您的供应链效率和成本效益。</p>
        <div class="">
          <span><b>10年</b>专注进口车</span>
          <span><b>5大车源地</b>美国、中东、欧洲、加拿大、墨西哥</span>
          <span style="border:none"><b>2000+国内经销商</b>覆盖31个省市</span>
        </div>
        <div class="cars">
          <a href="pickCar_10003.html"><img class="lazy"  src="../../images/brand2.jpg" style="display: inline;"></a>
          <a href="pickCar_10007.html"><img class="lazy"  src="../../images/brand3.jpg" style="display: inline;"></a>
          <a href="pickCar_10000.html"><img class="lazy"  src="../../images/brand4.jpg" style="display: inline;"></a>
          <a href="pickCar_10022.html"><img class="lazy"  src="../../images/brand5.jpg" style="display: inline;"></a>
          <a href="pickCar_10001.html"><img class="lazy"  src="../../images/brand6.jpg" style="display: inline;"></a>
          <a href="pickCar_10002.html"><img class="lazy"  src="../../images/brand7.jpg" style="display: inline;"></a>
          <a href="pickCar_10008.html"><img class="lazy"  src="../../images/brand8.jpg" style="display: inline;"></a>
          <a href="pickCar_10014.html"><img class="lazy"  src="../../images/brand2.jpg" style="display: inline;"></a>
        </div>
      </div>
      <div class="supply_chain t_c">
        <div class="cent">
          <div class="tit">全供应链服务</div>
          <div class="txt" style="">
            <div class="item s-item1">
              <img class="lazy"  alt="" src="../../images/supply_chain2s.jpg" style="display: inline;">
              <p><font>仓储配送</font>拥有大型的现代化仓库，可提供 免费仓储和物流直播，车辆配送 运输的全程将实时跟踪。</p>
            </div>
            <div class="item s-item1">
              <img class="lazy"  alt="" src="../../images/supply_chain1s.jpg" style="display: inline;">
              <p><font>海外直采</font>提供全球超过二十多个汽车品牌， 上百款车型，货源覆盖美国、加 拿大、墨西哥、中东、欧洲各国。</p>
            </div>
            <br>
            <div class="item s-item2">
              <img class="lazy"  alt="" src="../../images/supply_chain3s.jpg" style="display: inline;">
              <p><font>报关报检</font>可提供海内外报关报检服务，不 仅能够处理当前备案项目，也帮 助您避免可以避免的问题和延误。</p>
            </div>
            <div class="item item2 s-item2">
              <img class="lazy"  alt="" src="../../images/supply_chain4s.jpg" style="display: inline;">
              <p><font>恒天车金融</font>恒天车客户提车，无需提供固定资产抵押与担保，只需提供符合要求的真实资料，即可在线申请贷款服务。</p>
            </div>

            <div class="item item2 s-item2">
              <img class="lazy"  alt="" src="../../images/supply_chain6s.jpg" style="display: inline;">
              <p><font>利润保障</font>销售政策灵活可控。去除中间利益链条，让采购成本更低，让生意更简单。</p>
            </div>
          </div>
        </div>
      </div>
      <div class="cloud_sub1 section1">
        <div class="tit">可视化物流</div>
        <img style="width: 100%;" src="../../images/clound_service3.png"/>
      </div>
      <div class="cloud_sub1 section1">
        <div class="tit">可视化物流</div>
        <img style="width: 100%;" src="../../images/clound_service1.png"/>
      </div>
      <div class="cloud_sub1 section1 " style="margin-bottom: 2rem;">
        <div class="tit">通关服务</div>
        <img style="width: 100%;" src="../../images/clound_service2.png"/>
      </div>
    </div>
  </div>
</template>

<script>
    import headTop from '../../components/header/head'
    export default {
        name: "cloud",
      data(){
        return{
          headTitle:'恒天云服务',
        }
      },
      components:{
        headTop
      }
    }
</script>


<style lang="scss"  scoped>
  @import "../../style/common";
  @import "../../style/mixin";

  /*恒天云*/
  .cloud_banner img{margin-top: 1.1rem;width: 100%;}
  .cloud_sub1{
    background: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .section1 .tit, .supply_chain .tit {
    margin: 0.3rem auto ;
    font-size:0.36rem;
    color: #323333;
    font-weight: 600;
  }
  .section1 p {
    font-size: 0.24rem;
    color: #616161;
    line-height: 0.36rem;
    margin-bottom: 0.2rem;
    padding:0 0.26rem ;
    text-align: left;
    text-indent: 2em;
  }
  .section1 span {
    font-size:0.20rem;
    color: #616161;
    padding: 0 0.2rem;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 0.1rem;
  }
  .section1 span b {
    display: block;
    color: #323333;
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
    font-weight: 600;
  }
  .section1 .cars {
    margin: 0.2rem auto 0.3rem;
    display: table;
    width: 100%;
  }
  .section1 .cars a {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    float: left;
  }
  .section1 .cars a img {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .section1 .cars img {
    max-width: 80%;
    height: auto;
  }
  .section1 .cars a img.hover{
    -webkit-animation-name:b;
    animation-name:b;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
  }
  .supply_chain {
    background-color: #f6f6f6;
    overflow: hidden;
  }.cent {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
   }.supply_chain .tit {
      margin-bottom: 0.2rem;text-align: center;
    }.supply_chain .s-item1 {
       margin: 0.1rem;
     }
  .supply_chain .item {
    border: 1px solid #f3f3f3;
    float: left;
    display: inline;
    background-color: #fff;
    margin:0  31px 20px;
    border-radius: 4px;
    overflow: hidden;
  }.supply_chain .item p {
     font-size: 0.24rem;
     color: #7b7b7b;
     text-align: left;
     padding: 0.1rem;
     line-height: 0.3rem;
     float: left;width:100% ;
   }.supply_chain .s-item1 p font, .supply_chain .s-item2 p font {
      height: 0.5rem;
      line-height: .5rem;
      margin-bottom: 10px;
      font-size: 0.3rem;font-weight: 600;text-align: left;text-indent: .2rem;
    }.supply_chain .item font {
       margin-bottom: 15px;
       display: block;
       text-align: center;
       font-size: 0.24rem;
       color: #323333;
       line-height: 60px;
       border-bottom: 1px solid #ebebeb;
     }.supply_chain .item {
        width: 100%;margin: 0;margin-bottom: 0.1rem;padding-bottom: 0.1rem;
      }
  .txt{width:100%;padding: 0.1rem;display: inline-block;}
  .supply_chain .item img{width: 100%;float: left;height: 3rem;}
</style>
